<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>跳蚤-最新</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css">


    <style>
        .fm-signin {
            width: 300px;
            margin: 100px auto;
        }

        .navbar {
            border-bottom: 1px solid #E5E9EF;
        }

        img.p-img {
            width: 240px;
            height: 240px;
        }

        .footer {
            background-color: #f5f5f5;
        }
    </style>
</head>
<body>
<!-- 导航 -->
<nav class="navbar navbar-expand-lg navbar-light">
    <div class="container"><a href="https://themes.getbootstrap.com" class="navbar-brand">跳蚤</a>
        <div class="d-flex ml-auto">
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#globalNavbar"
                    aria-controls="globalNavbar" aria-expanded="false" aria-label="Toggle navigation"><span
                    class="navbar-toggler-icon"></span></button>
        </div>
        <div class="collapse navbar-collapse" id="globalNavbar">
            <form class="form-inline form-navbar my-2 my-lg-0 order-2" action="#">
                <input class="form-control" name="s" type="text" placeholder="搜索">
            </form>
            <ul class="navbar-nav mr-auto order-1">
                <li class="nav-item"><a class="nav-link" href="https://themes.getbootstrap.com/official-themes">最新</a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" id="dropdownMenuButton" href="#" data-toggle="dropdown"
                       aria-haspopup="true" aria-expanded="false">发现</a>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        <a class="dropdown-item" href="#">数码</a>
                        <a class="dropdown-item" href="#">服装</a>
                        <a class="dropdown-item" href="#">家具</a>
                        <a class="dropdown-item" href="#">食品</a>
                        <a class="dropdown-item" href="#">娱乐</a>
                    </div>
                </li>
                <li class="nav-item"><a class="nav-link" href="https://themes.getbootstrap.com/guide">热卖</a></li>
                <li class="nav-item"><a class="nav-link" href="https://themes.getbootstrap.com/guide">关于</a></li>
            </ul>
            <ul class="navbar-nav d-none d-lg-flex ml-2 order-3">
                <li class="nav-item"><a class="nav-link" href="login.html">登录</a></li>
                <li class="nav-item"><a class="nav-link" href="register.html">注册</a></li>
            </ul>
        </div>
    </div>
</nav>
<div class="container pt-4">
    <ul class="list-unstyled">
        <li class="media">
            <img src="./img/wajueji.png" class="p-img mr-3 img-thumbnail rounded" alt="...">
            <div class="media-body">
                <h5 class="mt-0 mb-1">转让9成新挖掘机</h5>
                成色很好，本地自提，异地包邮，成色很好，本地自提，异地包邮，成色很好，本地自提，异地包邮，成色很好，本地自提，异地包邮，成色很好，本地自提，异地包邮
                <h5 class="text-danger position-absolute">￥90.00
                    <button class="btn">购买</button>
                </h5>
            </div>
        </li>
        <li class="media my-4">
            <img src="./img/wajueji.png" class="p-img mr-3 img-thumbnail rounded" alt="...">
            <div class="media-body">
                <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus
                odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate
                fringilla. Donec lacinia congue felis in faucibus.
            </div>
        </li>
        <li class="media">
            <img src="./img/wajueji.png" class="p-img mr-3 img-thumbnail rounded" alt="...">
            <div class="media-body">
                <h5 class="mt-0 mb-1">List-based media object</h5>
                Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus
                odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate
                fringilla. Donec lacinia congue felis in faucibus.
            </div>
        </li>
    </ul>
    <nav aria-label="Page navigation example">
        <ul class="pagination">
            <li class="page-item"><a class="page-link" href="#">Previous</a></li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">Next</a></li>
        </ul>
    </nav>
</div>
<footer class="footer mt-auto py-3">
    <div class="container">
        <p class="text-muted text-center">&copy;Flea 2020-2021</p>
    </div>
</footer>
<!-- 引入JQuery -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"></script>
<script type="text/javascript">

    $(function () {
        $('#changeCode').click(function () {
            $('#codeImg').attr('src', '${pageContext.request.contextPath}/checkCode?' + new Date().getTime());
        });
    });

    function loginSystem() {
        $.post('${pageContext.request.contextPath}/login', $('#loginForm').serialize(), function (data) {
            if (data.success) {
                location.href = '${pageContext.request.contextPath}/student/list';
            } else {
                alert(data.message);
            }
        });
    }
</script>
</body>
</html>